.company {
    font-family: 楷体;
    font-size: 20px;
}

.company > div {
    line-height: 30px;
    text-indent: 3em;
    margin-bottom: 30px;
}

.product {
    overflow: hidden;
    animation: move 5s linear infinite;
}

/*兄弟选择器
*/
.company + div {
    overflow: hidden;
}

@keyframes move {
    0% {
        margin-left: 0;
    }
    20% {
        margin-left: -200px;
    }
    40% {
        margin-left: -400px;
    }
    60% {
        margin-left: -300px;
    }
    80% {
        margin-left: -200px;
    }
    100% {
        margin-left: 0;
    }
}

.product > div {
    width: 200px;
    /*border: 1px solid red;*/
    margin: 0 10px;
    text-align: center;
}

.product > div img {
    width: 150px;
    height: 150px;
}
/* 后代选择器*/
.product .font-title:hover {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
